<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="baidu-site-verification" content="K88H1W8gJu"/>
    <meta name="google-site-verification" content="9u_s16Eo3xGlz_wsxroSpFrbpa_rLYFg9ghHHJlKcXM" />
    <title id="title">MOS | A simple tool can offer the smooth scrolling and reverse the mouse scrolling direction on your Mac</title>
    <!-- Reset def style -->
    <style>body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:200}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:courier new,courier,monospace}small{font-size:12px}ul,ol{list-style:none}a{text-decoration:none}a:hover{text-decoration:underline}legend{color:#000}fieldset,img{border:0}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}*{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif!important}</style>
    <link rel="stylesheet" href="index.css" type="text/css">
</head>

<body>

<div id="mainContainer">
    
    <div id="header">
        <!--<div class="space"></div>-->
        <!--<div class="language">-->
            <!--<a href="indexCN.html">-->
                <!--<button>中文</button>-->
            <!--</a>-->
        <!--</div>-->
    </div>

    <div id="content">
        <div class="contentWrapper">
            <div class="introTitle">
                <h6 id="intro">Introducing</h6>
                <p align="center">
                    <img class="appLogo" src="Logo@512.png">
                </p>
                <h3 class="appName">MOS</h3>
                <hr class="logoHr"/>
                <p class="appDisc" id="disc">A simple tool can offer the smooth scrolling and reverse the mouse scrolling direction on your Mac</p>
            </div>
            <div class="buttonContainer">
                <a href="https://github.com/Caldis/Mos/releases/download/1.7.0/Mos.Version.1.7.0.dmg">
                    <button class="downloadButton" id="download">
                        Download Now
                    </button>
                </a>
            </div>
            <div class="infoContainer">
                <p class="infoDisc">
                    <span id="version">Version 1.7.0, Require macOS acOS 10.11+. </span>
                    <a class="info" id="notes" href="https://github.com/Caldis/Mos/releases">Release Notes</a>
                </p>
                <span class="infoDisc" id="star">Or Star the source code from Github !</span>
                <div class="infoStar">
                    <a class="github-button" href="https://github.com/Caldis/Mos" data-icon="octicon-star" data-style="mega" data-count-href="/Caldis/Mos/stargazers" data-count-api="/repos/Caldis/Mos#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star Caldis/Mos on GitHub">Star</a>
                </div>
            </div>
        </div>
    </div>

    <div id="footer">
        <div class="space"></div>
        <a class="info contact" id="contact" href="Mailto:532607446@qq.com">Contact</a>
        <span class="sp">|</span>
        <a class="info issue" id="issue" href="https://github.com/Caldis/Mos/wiki">Issue</a>
    </div>

</div>

<script src="index.js" type="text/javascript"></script>
<script src="http://buttons.github.io/buttons.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-85573109-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-85573109-2');
</script>
</body>

</html>